<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="../assets/favicon.ico">
<title>source\jindo.ScrollBox.js - Jindo Component - AjaxUI@NHN</title>
<link rel="stylesheet" type="text/css" href="../assets/prettify/prettify-min.css" media="screen">
<script type="text/javascript">
	var isMobile = (function() {
		var r = window.devicePixelRatio || 1;
		if (/windows phone/i.test(navigator.userAgent)) { r = 2; }
		
		var s = Math.max(screen.width / r, screen.height / r);
		
		var m = s < 1024;
		var href = m ? "api.mobile.css" : "api.css";
		document.write('<link rel="stylesheet" type="text/css" href="../assets/' + href + '" media="screen">');
		
		return m;
	})();
</script>

<script type="text/javascript" src="../assets/jindo.desktop.min.js"></script>
<script type="text/javascript" src="../assets/jindo_component.min.js"></script>
</head>
<body class="api-page">
<div id="wrap" class="api-main"><!-- 2Depth 접기 : lft_fold 추가 -->

	<div id="header">
		<h1><a href="../index.html"><span class="blind">JindoJS</span></a></h1>
		<div class="info">
			<span class="version">version 1.6.0</span>
			<span class="bar">|</span>
			<span class="help"><span class="ic_help"></span><a href="http://devcode.nhncorp.com/projects/jindo-component/issue" target="_blank">버그신고/문의</a></span>
		</div>
		<div class="menu">
			<button type="button" id="toggle_search_btn" class="btn_sch"><span class="blind">검색</span></button>
			<button type="button" id="toggle_list_btn" class="btn_snb btn_snb_on"><span class="blind">메뉴</span></button>
			<!-- [D] 클릭시 btn_sch_on,btn_snb_on 추가 -->
		</div>
	</div>

	<!-- sch_frm -->
	<div class="sch_frm hide_when_small">
		<h2 class="blind">검색</h2>
		<div class="filter">
			<input type="search" id="api-filter" placeholder="검색어를 입력하세요.">
		</div>
		<div id="search-tab" style="display:none;">
			<ul class="tabs">
			<li class="tc-tab">전체</li>
			<li class="tc-tab">키워드</li>
			<li class="tc-tab">클래스</li>
			<li class="tc-tab">메서드</li>
			<li class="tc-tab">프로퍼티</li>
			<li class="tc-tab">이벤트</li>
			</ul>
			<div class="panels">
				<ul id="api-all" class="tc-panel"></ul>
				<ul id="api-keywords" class="tc-panel"></ul>
				<ul id="api-classes" class="tc-panel"></ul>
				<ul id="api-methods" class="tc-panel"></ul>
				<ul id="api-attrs" class="tc-panel"></ul>
				<ul id="api-events" class="tc-panel"></ul>
			</div>

		</div>
	</div>
	<!-- // sch_frm -->

	<!-- container -->
	<div id="container">
		<!-- left-columns -->
		<div id="left-columns" class="sidemenu has_scrollbar">
			<h2 class="blind"><a href="../index.html"><span>APIs</span></a></h2>
<div class="snb depth1 scrollbar hide_when_small">
	<!-- [D] style="width:135px; height:384px; -->
	<div class="scrollbar-box">
		<div class="scrollbar-content">
			<div><ul>
			            <li class="">
			            	<a href="../classes/jindo.Accordion.html" class="">
			                	Accordion
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.AjaxHistory.html" class="">
			                	AjaxHistory
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.BrowseButton.html" class="">
			                	BrowseButton
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Cache.html" class="">
			                	Cache
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Calendar.html" class="">
			                	Calendar
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Canvas.html" class="">
			                	Canvas
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.CheckBox.html" class="">
			                	CheckBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.CircularRolling.html" class="">
			                	CircularRolling
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Clipboard.html" class="">
			                	Clipboard
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Component.html" class="">
			                	Component
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DataBridge.html" class="">
			                	DataBridge
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DatePicker.html" class="">
			                	DatePicker
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DefaultTextValue.html" class="">
			                	DefaultTextValue
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Dialog.html" class="">
			                	Dialog
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DragArea.html" class="">
			                	DragArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DropArea.html" class="">
			                	DropArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.DynamicTree.html" class="">
			                	DynamicTree
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Effect.html" class="">
			                	Effect
								
								

							    
						        
						            <span class="flag static" title="static"><span class="blind">static</span></span>
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.FileUploader.html" class="">
			                	FileUploader
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.FloatingLayer.html" class="">
			                	FloatingLayer
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Foggy.html" class="">
			                	Foggy
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Formatter.html" class="">
			                	Formatter
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.HTMLComponent.html" class="">
			                	HTMLComponent
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.InlineTextEdit.html" class="">
			                	InlineTextEdit
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerEffect.html" class="">
			                	LayerEffect
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerManager.html" class="">
			                	LayerManager
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LayerPosition.html" class="">
			                	LayerPosition
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.LazyLoading.html" class="">
			                	LazyLoading
								
								

							    
						        
						            <span class="flag static" title="static"><span class="blind">static</span></span>
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ModalDialog.html" class="">
			                	ModalDialog
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.MouseGesture.html" class="">
			                	MouseGesture
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.MultipleAjaxRequest.html" class="">
			                	MultipleAjaxRequest
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.NumberFormatter.html" class="">
			                	NumberFormatter
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.NumericStepper.html" class="">
			                	NumericStepper
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Pagination.html" class="">
			                	Pagination
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Rolling.html" class="">
			                	Rolling
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RollingChart.html" class="">
			                	RollingChart
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RolloverArea.html" class="">
			                	RolloverArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.RolloverClick.html" class="">
			                	RolloverClick
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ScrollBar.html" class="">
			                	ScrollBar
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.ScrollBox.html" class="">
			                	ScrollBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.SelectArea.html" class="">
			                	SelectArea
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.SelectBox.html" class="">
			                	SelectBox
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Slider.html" class="">
			                	Slider
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.StarRating.html" class="">
			                	StarRating
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.TabControl.html" class="">
			                	TabControl
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.TextRange.html" class="">
			                	TextRange
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Timer.html" class="">
			                	Timer
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Transition.html" class="">
			                	Transition
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.Tree.html" class="">
			                	Tree
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.UIComponent.html" class="">
			                	UIComponent
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.UploadQueue.html" class="">
			                	UploadQueue
								
								

							    
						        
			            	</a>
			            </li>
			        
			            <li class="">
			            	<a href="../classes/jindo.WatchInput.html" class="">
			                	WatchInput
								
								

							    
						        
			            	</a>
			            </li>
			        </ul></div>
		</div>
	</div>
	<div class="scrollbar-v">
		<div class="scrollbar-button-up"></div>
		<div class="scrollbar-track">
			<div class="scrollbar-thumb" style="top: 0px; height: 222px; "></div>
		</div>
		<div class="scrollbar-button-down"></div>
	</div>
</div>


<button type="button" title="펼치기" class="btn_open">바로가기 열기<span class="ic"></span></button>
<button type="button" title="접기" class="btn_close">바로가기 닫기<span class="ic"></span></button>

		</div>
		<!-- // left-columns -->

		<!-- main content -->
		<div id="main">
			<div class="main_fix">
				<div class="content">
	
	<h1 class="blind">source/jindo.ScrollBox.js</h1>
	<div class="tc-panel first">
		<dl class="relation">
			<dt>파일명</dt>
			<dd>jindo.ScrollBox.js</dd>
			<dt>경로</dt>
			<dd>source/</dd>
		</dl>
		<div id="file" class="file">
		    <pre class="code prettyprint linenums">/**
	@fileOverview&nbsp;정해진&nbsp;크기의&nbsp;박스내의&nbsp;내용에&nbsp;따라&nbsp;자동으로&nbsp;스크롤바를&nbsp;생성하는&nbsp;스크롤박스&nbsp;컴포넌트
	@author&nbsp;senxation
	@version&nbsp;#__VERSION__#
**/
/**
	정해진&nbsp;크기의&nbsp;박스내의&nbsp;내용에&nbsp;따라&nbsp;자동으로&nbsp;스크롤바를&nbsp;생성하는&nbsp;스크롤박스&nbsp;컴포넌트
	ScrollBox&nbsp;컴포넌트는&nbsp;정해진&nbsp;크기의&nbsp;박스내의&nbsp;내용을&nbsp;스크롤바를&nbsp;이용해&nbsp;이동하여&nbsp;볼&nbsp;수&nbsp;있게&nbsp;한다.
	ScrollBar&nbsp;컴포넌트와&nbsp;다르게&nbsp;박스내의&nbsp;내용이&nbsp;유동적으로&nbsp;변할&nbsp;때&nbsp;스크롤이&nbsp;나타나거나&nbsp;사라지고&nbsp;막대의&nbsp;길이도&nbsp;자동으로&nbsp;구해진다.
	
	@class&nbsp;jindo.ScrollBox
	@extends&nbsp;jindo.ScrollBar
	@keyword&nbsp;scrollbox,&nbsp;스크롤박스
**/
jindo.ScrollBox&nbsp;=&nbsp;new&nbsp;jindo.$Class({
	/**&nbsp;@lends&nbsp;jindo.ScrollBox.prototype&nbsp;*/

	/**
		@constructor
		@param&nbsp;{HTMLElement}&nbsp;el
		@param&nbsp;{Object}&nbsp;[htOption]&nbsp;옵션
			@param&nbsp;{String}&nbsp;[htOption.sClassPrefix=&quot;scrollbar-&quot;]&nbsp;클래스명&nbsp;접두어
			@param&nbsp;{String}&nbsp;[htOption.sOverflowX=&quot;auto&quot;]&nbsp;가로스크롤을&nbsp;보여주는&nbsp;방법
			&lt;ul&gt;
			&lt;li&gt;&quot;auto&quot;&nbsp;:&nbsp;자동&lt;/li&gt;
			&lt;li&gt;&quot;scroll&quot;&nbsp;:&nbsp;항상&lt;/li&gt;
			&lt;li&gt;&quot;hidden&quot;&nbsp;:&nbsp;보이지않음&lt;/li&gt;
			&lt;/ul&gt;
			@param&nbsp;{String}&nbsp;[htOption.sOverflowY=&quot;auto&quot;]&nbsp;세로스크롤을&nbsp;보여주는&nbsp;방법
			&lt;ul&gt;
			&lt;li&gt;&quot;auto&quot;&nbsp;:&nbsp;자동&lt;/li&gt;
			&lt;li&gt;&quot;scroll&quot;&nbsp;:&nbsp;항상&lt;/li&gt;
			&lt;li&gt;&quot;hidden&quot;&nbsp;:&nbsp;보이지않음&lt;/li&gt;
			&lt;/ul&gt;
			@param&nbsp;{String}&nbsp;[htOption.sClassNameForRollover=&quot;rollover&quot;]&nbsp;Rollover에&nbsp;반응할&nbsp;클래스명
			@param&nbsp;{Number}&nbsp;[htOption.nDelta=16]&nbsp;스크롤&nbsp;속도
			@param&nbsp;{Boolean}&nbsp;[htOption.bAdjustThumbSize=true]&nbsp;Thumb의&nbsp;크기가&nbsp;Content의&nbsp;크기에따라&nbsp;자동으로&nbsp;변할지&nbsp;여부
			@param&nbsp;{Number}&nbsp;[htOption.nMinThumbSize=50]&nbsp;bAdjustThumbSize가&nbsp;true일경우&nbsp;크기가&nbsp;변해도&nbsp;최소로&nbsp;유지될&nbsp;크기
			@param&nbsp;{Boolean}&nbsp;[htOption.bActivateOnload=true]&nbsp;컴포넌트&nbsp;로드시&nbsp;activate()&nbsp;수행여부
		@example
			var&nbsp;oScrollBox&nbsp;=&nbsp;new&nbsp;jindo.ScrollBox(&quot;scroll&quot;,&nbsp;{
				sClassPrefix&nbsp;:&nbsp;&quot;scrollbar-&quot;,&nbsp;//&nbsp;(String)&nbsp;Class&nbsp;Prefix
				sOverflowX&nbsp;:&nbsp;&quot;auto&quot;,&nbsp;//&nbsp;(String)&nbsp;가로스크롤을&nbsp;보여주는&nbsp;방법&nbsp;&quot;auto&quot;(자동)&nbsp;||&nbsp;&quot;scroll&quot;&nbsp;(항상)||&nbsp;&quot;hidden&quot;&nbsp;(보이지않음)&nbsp;
				sOverflowY&nbsp;:&nbsp;&quot;auto&quot;,&nbsp;//&nbsp;(String)&nbsp;세로스크롤을&nbsp;보여주는&nbsp;방법&nbsp;&quot;auto&quot;(자동)&nbsp;||&nbsp;&quot;scroll&quot;&nbsp;(항상)||&nbsp;&quot;hidden&quot;&nbsp;(보이지않음)
				bAdjustThumbSize&nbsp;:&nbsp;true,&nbsp;//&nbsp;(Boolean)&nbsp;Thumb의&nbsp;크기가&nbsp;Content의&nbsp;크기에따라&nbsp;자동으로&nbsp;변할지&nbsp;여부
				nMinThumbSize&nbsp;:&nbsp;50,&nbsp;//&nbsp;(Number)&nbsp;bAdjustThumbSize가&nbsp;true일경우&nbsp;크기가&nbsp;변해도&nbsp;최소로&nbsp;유지될&nbsp;크기
				nDelta&nbsp;:&nbsp;16&nbsp;//&nbsp;(Number)&nbsp;스크롤&nbsp;속도
			});
	**/
	$init&nbsp;:&nbsp;function(el,&nbsp;htOption)&nbsp;{
		
		this.option({
			sClassPrefix&nbsp;:&nbsp;&quot;scrollbar-&quot;,
			bActivateOnload&nbsp;:&nbsp;true,
			sOverflowX&nbsp;:&nbsp;&quot;auto&quot;,
			sOverflowY&nbsp;:&nbsp;&quot;auto&quot;,
				bAdjustThumbSize&nbsp;:&nbsp;true,
			nMinThumbSize&nbsp;:&nbsp;50,
			nDelta&nbsp;:&nbsp;16&nbsp;//스크롤&nbsp;속도
		});
		
		this.option(htOption&nbsp;||&nbsp;{});
		
		this._el&nbsp;=&nbsp;jindo.$(el);
		
		if&nbsp;(this.option(&quot;bActivateOnload&quot;))&nbsp;{
			this.activate();
			this.reset();
		}
	},
	
	/**
		스크롤바의&nbsp;보임/숨김&nbsp;여부를&nbsp;자동으로&nbsp;설정한다.
		
		@method&nbsp;reset
	**/
	reset&nbsp;:&nbsp;function()&nbsp;{
		this._autoToggleScrollBar();
		
		//보정을&nbsp;위한&nbsp;상태설정		
		var&nbsp;oStatusH&nbsp;=&nbsp;this.hasScrollBarHorizontal();
		var&nbsp;oStatusV&nbsp;=&nbsp;this.hasScrollBarVertical();
		
		this._adjustBoxSize();
		this._adjustContentSize();
		
		//보정
		this._autoToggleScrollBar();
		if&nbsp;(oStatusH&nbsp;!=&nbsp;this.hasScrollBarHorizontal()&nbsp;||&nbsp;oStatusV&nbsp;!=&nbsp;this.hasScrollBarVertical())&nbsp;{
			this._adjustBoxSize();
			this._adjustContentSize();
		}
		
		this._autoToggleAvailability();
		this._adjustTrackSize();
		this._adjustThumbSize();
		this.$super.reset();
	},

	/**
		컴포넌트를&nbsp;활성화한다.
	**/
	_onActivate&nbsp;:&nbsp;function()&nbsp;{
		//활성화&nbsp;로직&nbsp;ex)event&nbsp;binding
		this.$super._onActivate();
		this.reset();
	},
	
	/**
		컴포넌트를&nbsp;비활성화한다.
	**/
	_onDeactivate&nbsp;:&nbsp;function()&nbsp;{
		this.$super._onDeactivate();
		this._adjustBoxSize();
	},

	/**
		스크롤&nbsp;박스의&nbsp;크기를&nbsp;설정한다.
		
		@method&nbsp;setSize
		@param&nbsp;{Number}&nbsp;[nWidth]&nbsp;가로&nbsp;크기
		@param&nbsp;{Number}&nbsp;[nHeight]&nbsp;세로&nbsp;크기
	**/
	setSize&nbsp;:&nbsp;function(nWidth,&nbsp;nHeight)&nbsp;{
		if&nbsp;(nWidth)&nbsp;{
			//jindo.$Element(this._el).width(nWidth);
			jindo.$Element(this._el).css(&quot;width&quot;,&nbsp;nWidth&nbsp;+&nbsp;&quot;px&quot;);
		}
		if&nbsp;(nHeight)&nbsp;{
			//jindo.$Element(this._el).height(nHeight);
			jindo.$Element(this._el).css(&quot;height&quot;,&nbsp;nHeight&nbsp;+&nbsp;&quot;px&quot;);
		}

		this.setBoxSize(nWidth,&nbsp;nHeight);

		this._oBoxSize&nbsp;=&nbsp;{
			nWidth&nbsp;:&nbsp;jindo.$Element(this._elBox).width(),
			nHeight&nbsp;:&nbsp;jindo.$Element(this._elBox).height()
		};
		this.reset();&nbsp;
	},

	/**
		컨텐트&nbsp;엘리먼트의&nbsp;크기를&nbsp;구한다.
		
		@method&nbsp;getContentSize
		@return&nbsp;{Object}
		@example
			var&nbsp;oSize&nbsp;=&nbsp;{
				nWidth&nbsp;:&nbsp;(Number),
				nHeight&nbsp;:&nbsp;(Number)
			}
	**/
	getContentSize&nbsp;:&nbsp;function()&nbsp;{
		var&nbsp;welContent&nbsp;=&nbsp;jindo.$Element(this._elContent);
		
		return&nbsp;{
			nWidth&nbsp;:&nbsp;parseInt(welContent.width(),&nbsp;10),
			nHeight&nbsp;:&nbsp;parseInt(welContent.height(),&nbsp;10)
		};
	},

	/**
		컨텐트&nbsp;엘리먼트의&nbsp;크기를&nbsp;설정한다.
		
		@method&nbsp;setContentSize
		@param&nbsp;{Number}&nbsp;nWidth&nbsp;가로&nbsp;크기
		@param&nbsp;{Number}&nbsp;nHeight&nbsp;세로&nbsp;크기
	**/	
	setContentSize&nbsp;:&nbsp;function(nWidth,&nbsp;nHeight)&nbsp;{
		var&nbsp;welContent&nbsp;=&nbsp;jindo.$Element(this._elContent);
		
		if&nbsp;(nWidth)&nbsp;{
			if&nbsp;(nWidth&nbsp;==&nbsp;Infinity)&nbsp;{
				welContent.css(&quot;width&quot;,&nbsp;&quot;&quot;);
			}
			else&nbsp;{
				welContent.css(&quot;width&quot;,&nbsp;nWidth&nbsp;+&nbsp;&quot;px&quot;);	
			}
			
		}

		if&nbsp;(nHeight)&nbsp;{
			if&nbsp;(nHeight&nbsp;==&nbsp;Infinity)&nbsp;{
				welContent.css(&quot;height&quot;,&nbsp;&quot;auto&quot;);
			}
			else&nbsp;{
				welContent.css(&quot;height&quot;,&nbsp;nHeight&nbsp;+&nbsp;&quot;px&quot;);	
			}
		}
		this.$super.reset();
	},
	
	/**
		박스&nbsp;엘리먼트의&nbsp;크기를&nbsp;구한다.
		
		@method&nbsp;getBoxSize
		@example
			var&nbsp;oSize&nbsp;=&nbsp;{
				nWidth&nbsp;:&nbsp;(Number),
				nHeight&nbsp;:&nbsp;(Number)
			}
	**/
	getBoxSize&nbsp;:&nbsp;function()&nbsp;{
		var&nbsp;welBox&nbsp;=&nbsp;jindo.$Element(this._elBox);
		return&nbsp;{
			nWidth&nbsp;:&nbsp;parseInt(welBox.width(),&nbsp;10),
			nHeight&nbsp;:&nbsp;parseInt(welBox.height(),&nbsp;10)
		};
	},
	
	/**
		박스&nbsp;엘리먼트의&nbsp;크기를&nbsp;설정한다.
		
		@method&nbsp;setBoxSize
		@param&nbsp;{Number}&nbsp;nWidth&nbsp;가로&nbsp;크기
		@param&nbsp;{Number}&nbsp;nHeight&nbsp;가로&nbsp;크기
	**/
	setBoxSize&nbsp;:&nbsp;function(nWidth,&nbsp;nHeight)&nbsp;{
		var&nbsp;welBox&nbsp;=&nbsp;jindo.$Element(this._elBox);
		if&nbsp;(nWidth)&nbsp;{
			//jindo.$Element(this._elBox).width(nWidth);
			welBox.css(&quot;width&quot;,&nbsp;nWidth&nbsp;+&nbsp;&quot;px&quot;);
		}
		if&nbsp;(nHeight)&nbsp;{
			//jindo.$Element(this._elBox).height(nHeight);
			welBox.css(&quot;height&quot;,&nbsp;nHeight&nbsp;+&nbsp;&quot;px&quot;);
		}
		this.$super.reset();
	},

	/**
		트랙&nbsp;엘리먼트의&nbsp;크기를&nbsp;구한다.
		
		@method&nbsp;getTrackSize
		@param&nbsp;{Object}&nbsp;ht&nbsp;엘리먼트&nbsp;객체들
			@param&nbsp;{HTMLElement}&nbsp;ht.elScrollBar&nbsp;스크롤바&nbsp;엘리먼트
			@param&nbsp;{HTMLElement}&nbsp;ht.elTrack&nbsp;트랙&nbsp;엘리먼트
		@return&nbsp;{Object}
		@example
			var&nbsp;oSize&nbsp;=&nbsp;{
				nWidth&nbsp;:&nbsp;(Number),
				nHeight&nbsp;:&nbsp;(Number)
			}
	**/
	getTrackSize&nbsp;:&nbsp;function(ht)&nbsp;{
		if&nbsp;(!ht.elScrollBar)&nbsp;{
			return&nbsp;{
				nWidth&nbsp;:&nbsp;0,
				nHeight&nbsp;:&nbsp;0
			};	
		}
		var&nbsp;welTrack&nbsp;=&nbsp;jindo.$Element(ht.elTrack);
		return&nbsp;{
			nWidth&nbsp;:&nbsp;parseInt(welTrack.width(),&nbsp;10),
			nHeight&nbsp;:&nbsp;parseInt(welTrack.height(),&nbsp;10)
		};
	},
	
	/**
		트랙&nbsp;엘리먼트의&nbsp;크기를&nbsp;설정한다.
		
		@method&nbsp;setTrackSize
		@param&nbsp;{Number}&nbsp;nWidth&nbsp;가로&nbsp;크기
		@param&nbsp;{Number}&nbsp;nHeight&nbsp;세로&nbsp;크기
	**/
	setTrackSize&nbsp;:&nbsp;function(o,&nbsp;nWidth,&nbsp;nHeight)&nbsp;{
		var&nbsp;welTrack&nbsp;=&nbsp;jindo.$Element(o.elTrack);
		if&nbsp;(nWidth)&nbsp;{
			//jindo.$Element(o.elTrack).width(nWidth);
			welTrack.css(&quot;width&quot;,&nbsp;nWidth&nbsp;+&nbsp;&quot;px&quot;);
		}
		if&nbsp;(nHeight)&nbsp;{
			//jindo.$Element(o.elTrack).height(nHeight);
			welTrack.css(&quot;height&quot;,&nbsp;nHeight&nbsp;+&nbsp;&quot;px&quot;);
		}
	},
	
	/**
		가로스크롤이&nbsp;생겨야하는&nbsp;상황인지&nbsp;판단한다.
		
		@method&nbsp;isNeededScrollBarHorizontal
		@return&nbsp;{Boolean}
	**/
	isNeededScrollBarHorizontal&nbsp;:&nbsp;function()&nbsp;{
		
		if(this.option(&quot;sOverflowX&quot;)&nbsp;==&nbsp;&quot;scroll&quot;)&nbsp;{
			return&nbsp;true;
		}
		
		var&nbsp;oContentSize&nbsp;=&nbsp;this.getContentSize();
		var&nbsp;oBoxSize&nbsp;=&nbsp;this.getDefaultBoxSize();
		
		if&nbsp;(this.getScrollBarHorizontal().elScrollBar&nbsp;&amp;&amp;&nbsp;this.option(&quot;sOverflowX&quot;)&nbsp;!=&nbsp;&quot;hidden&quot;)&nbsp;{
			if(this.hasScrollBarVertical())&nbsp;{
				if(oContentSize.nWidth&nbsp;&gt;&nbsp;oBoxSize.nWidth&nbsp;-&nbsp;jindo.$Element(this.getScrollBarVertical().elScrollBar).width())&nbsp;{
					return&nbsp;true;	
				}
			}
			if&nbsp;(oContentSize.nWidth&nbsp;&gt;&nbsp;oBoxSize.nWidth){
				return&nbsp;true;	
			}
		}
		return&nbsp;false;
	},
	
	/**
		세로스크롤이&nbsp;생겨야하는&nbsp;상황인지&nbsp;판단한다.
		
		@method&nbsp;isNeededScrollBarVertical
		@return&nbsp;{Boolean}
	**/
	isNeededScrollBarVertical&nbsp;:&nbsp;function()&nbsp;{
		
		if(this.option(&quot;sOverflowY&quot;)&nbsp;==&nbsp;&quot;scroll&quot;)&nbsp;{
			return&nbsp;true;
		}
		
		var&nbsp;oContentSize&nbsp;=&nbsp;this.getContentSize();
		var&nbsp;oBoxSize&nbsp;=&nbsp;this.getDefaultBoxSize();

		if&nbsp;(this.getScrollBarVertical().elScrollBar&nbsp;&amp;&amp;&nbsp;this.option(&quot;sOverflowY&quot;)&nbsp;!=&nbsp;&quot;hidden&quot;)&nbsp;{
			if(this.hasScrollBarHorizontal())&nbsp;{
				if(oContentSize.nHeight&nbsp;&gt;&nbsp;oBoxSize.nHeight&nbsp;-&nbsp;jindo.$Element(this.getScrollBarHorizontal().elScrollBar).height())&nbsp;{
					return&nbsp;true;	
				}
			}
			if(oContentSize.nHeight&nbsp;&gt;&nbsp;oBoxSize.nHeight)&nbsp;{
				return&nbsp;true;	
			}
		}
		return&nbsp;false;
	},
	
	_autoToggleScrollBar&nbsp;:&nbsp;function()&nbsp;{
		
		if&nbsp;(!this.isActivating())&nbsp;{
			return;
		}
		
		var&nbsp;sClassPrefix&nbsp;=&nbsp;this.option(&quot;sClassPrefix&quot;);
		
		var&nbsp;oH&nbsp;=&nbsp;this.getScrollBarHorizontal();
		var&nbsp;oV&nbsp;=&nbsp;this.getScrollBarVertical();
		var&nbsp;welScrollBar;&nbsp;
		var&nbsp;bAjustThumbSize&nbsp;=&nbsp;this.option(&quot;bAdjustThumbSize&quot;);
		
		var&nbsp;bV&nbsp;=&nbsp;this.isNeededScrollBarVertical();
		if&nbsp;(oV.elScrollBar)&nbsp;{
			welScrollBar&nbsp;=&nbsp;jindo.$Element(oV.elScrollBar);
			if&nbsp;(bV)&nbsp;{
				welScrollBar.addClass(sClassPrefix&nbsp;+&nbsp;&quot;show&quot;);
			}&nbsp;else&nbsp;{
				welScrollBar.removeClass(sClassPrefix&nbsp;+&nbsp;&quot;show&quot;);
			}
			if&nbsp;(oV.elThumb&nbsp;&amp;&amp;&nbsp;bAjustThumbSize)&nbsp;{
				jindo.$Element(oV.elThumb).css(&quot;height&quot;,&nbsp;&quot;0px&quot;);&nbsp;//ie6에서&nbsp;문제때문에&nbsp;스크롤바를&nbsp;보여준&nbsp;직후에&nbsp;(trackSize를&nbsp;조절해주기&nbsp;이전)&nbsp;Thumb사이즈를&nbsp;0로&nbsp;만들어준다.
			}
		}
		var&nbsp;bH&nbsp;=&nbsp;this.isNeededScrollBarHorizontal();
		if&nbsp;(oH.elScrollBar)&nbsp;{
			welScrollBar&nbsp;=&nbsp;jindo.$Element(oH.elScrollBar);
			if&nbsp;(bH)&nbsp;{
				welScrollBar.addClass(sClassPrefix&nbsp;+&nbsp;&quot;show&quot;);	
			}&nbsp;else&nbsp;{
				welScrollBar.removeClass(sClassPrefix&nbsp;+&nbsp;&quot;show&quot;);
			}
			if&nbsp;(oH.elThumb&nbsp;&amp;&amp;&nbsp;bAjustThumbSize)&nbsp;{
				jindo.$Element(oH.elThumb).css(&quot;width&quot;,&nbsp;&quot;0px&quot;);
			}
		}

		//세로스크롤&nbsp;안생기고,&nbsp;가로스크롤생긴후에&nbsp;세로스크롤이&nbsp;필요해지는&nbsp;경우!		
		if&nbsp;(oV.elScrollBar)&nbsp;{
			welScrollBar&nbsp;=&nbsp;jindo.$Element(oV.elScrollBar);
			if&nbsp;(this.isNeededScrollBarVertical())&nbsp;{
				welScrollBar.addClass(sClassPrefix&nbsp;+&nbsp;&quot;show&quot;);&nbsp;
			}&nbsp;else&nbsp;{
				welScrollBar.removeClass(sClassPrefix&nbsp;+&nbsp;&quot;show&quot;);
			}
			if&nbsp;(oV.elThumb&nbsp;&amp;&amp;&nbsp;bAjustThumbSize)&nbsp;{
				jindo.$Element(oV.elThumb).css(&quot;height&quot;,&nbsp;&quot;0px&quot;);
			}	
		}
	},
	
	/**
		Track의&nbsp;길이를&nbsp;자동&nbsp;조절한다.
	**/
	_adjustTrackSize&nbsp;:&nbsp;function()&nbsp;{
		if&nbsp;(!this.isActivating())&nbsp;{
			return;
		}
		var&nbsp;oBoxSize&nbsp;=&nbsp;this.getDefaultBoxSize();
		
		var&nbsp;oH&nbsp;=&nbsp;this.getScrollBarHorizontal();
		var&nbsp;oV&nbsp;=&nbsp;this.getScrollBarVertical();
		
		var&nbsp;bH&nbsp;=&nbsp;this.isNeededScrollBarHorizontal();
		//가로&nbsp;스크롤
		if&nbsp;(bH&nbsp;&amp;&amp;&nbsp;oH.elScrollBar)&nbsp;{
			var&nbsp;nTrackWidth&nbsp;=&nbsp;oBoxSize.nWidth;

			var&nbsp;wel&nbsp;=&nbsp;jindo.$Element(oH.elScrollBar);
			wel.css(&quot;top&quot;,&nbsp;oBoxSize.nHeight&nbsp;-&nbsp;wel.height()&nbsp;+&nbsp;&quot;px&quot;);
		
			//세로&nbsp;스크롤도&nbsp;있는경우
			var&nbsp;nVerticalWidth&nbsp;=&nbsp;0;
			if&nbsp;(this.hasScrollBarVertical()&nbsp;&amp;&amp;&nbsp;oV.elScrollBar)&nbsp;{
				nVerticalWidth&nbsp;=&nbsp;parseInt(jindo.$Element(oV.elScrollBar).width(),&nbsp;10);
				nTrackWidth&nbsp;-=&nbsp;nVerticalWidth;
			}	
			wel.width(nTrackWidth);&nbsp;//가로스크롤의&nbsp;크기&nbsp;조절
			
			var&nbsp;nButtonLeftWidth&nbsp;=&nbsp;0;
			if&nbsp;(oH.elButtonLeft)&nbsp;{
				nButtonLeftWidth&nbsp;=&nbsp;parseInt(jindo.$Element(oH.elButtonLeft).width(),&nbsp;10);
				nTrackWidth&nbsp;-=&nbsp;nButtonLeftWidth;
			}
			if&nbsp;(oH.elButtonRight)&nbsp;{
				nTrackWidth&nbsp;-=&nbsp;parseInt(jindo.$Element(oH.elButtonRight).width(),&nbsp;10);
			}

			jindo.$Element(oH.elTrack).css(&quot;left&quot;,&nbsp;nButtonLeftWidth&nbsp;+&nbsp;&quot;px&quot;);&nbsp;//가로스크롤의&nbsp;위치&nbsp;조절
			
			this.setTrackSize(oH,&nbsp;nTrackWidth,&nbsp;null);
		}

		var&nbsp;bV&nbsp;=&nbsp;this.isNeededScrollBarVertical();		
		//세로&nbsp;스크롤
		if&nbsp;(bV&nbsp;&amp;&amp;&nbsp;oV.elScrollBar)&nbsp;{
			var&nbsp;nTrackHeight&nbsp;=&nbsp;oBoxSize.nHeight;
			
			//가로&nbsp;스크롤도&nbsp;있는경우
			var&nbsp;nHorizontalHeight&nbsp;=&nbsp;0;
			if&nbsp;(this.hasScrollBarHorizontal()&nbsp;&amp;&amp;&nbsp;oH.elScrollBar)&nbsp;{
				nHorizontalHeight&nbsp;=&nbsp;parseInt(jindo.$Element(oH.elScrollBar).height(),&nbsp;10);
				nTrackHeight&nbsp;-=&nbsp;nHorizontalHeight;
			}
			
			if&nbsp;(oV.elButtonUp)&nbsp;{
				nTrackHeight&nbsp;-=&nbsp;parseInt(jindo.$Element(oV.elButtonUp).height(),&nbsp;10);
			}
			if&nbsp;(oV.elButtonDown)&nbsp;{
				nTrackHeight&nbsp;-=&nbsp;parseInt(jindo.$Element(oV.elButtonDown).height(),&nbsp;10);
				//jindo.$Element(oV.elButtonDown).css(&quot;bottom&quot;,&nbsp;nHorizontalHeight&nbsp;+&quot;px&quot;);
			}
			
			this.setTrackSize(oV,&nbsp;null,&nbsp;nTrackHeight);
		}
		
	},
	
	/**
		ScrollBar&nbsp;가&nbsp;생성되었을&nbsp;경우의&nbsp;Box&nbsp;사이즈를&nbsp;설정해준다.
	**/
	_adjustBoxSize&nbsp;:&nbsp;function()&nbsp;{
		var&nbsp;oBoxSize&nbsp;=&nbsp;this.getDefaultBoxSize();
		var&nbsp;oH&nbsp;=&nbsp;this.getScrollBarHorizontal();
		var&nbsp;oV&nbsp;=&nbsp;this.getScrollBarVertical();
		var&nbsp;bV&nbsp;=&nbsp;this.hasScrollBarVertical();
		var&nbsp;bH&nbsp;=&nbsp;this.hasScrollBarHorizontal();
		
		this.setBoxSize(oBoxSize.nWidth,&nbsp;oBoxSize.nHeight);
		
		if&nbsp;(this.isActivating())&nbsp;{
			//가로&nbsp;스크롤
			if&nbsp;(bH&nbsp;&amp;&amp;&nbsp;oH.elScrollBar)&nbsp;{
				var&nbsp;nHeight&nbsp;=&nbsp;oBoxSize.nHeight;
				nHeight&nbsp;-=&nbsp;parseInt(jindo.$Element(oH.elScrollBar).height(),&nbsp;10);
				this.setBoxSize(null,&nbsp;nHeight);
			}
			//세로&nbsp;스크롤
			if&nbsp;(bV&nbsp;&amp;&amp;&nbsp;oV.elScrollBar)&nbsp;{
				var&nbsp;nWidth&nbsp;=&nbsp;oBoxSize.nWidth;
				nWidth&nbsp;-=&nbsp;parseInt(jindo.$Element(oV.elScrollBar).width(),&nbsp;10);
				this.setBoxSize(nWidth,&nbsp;null);
			}
	
			//가로,&nbsp;세로스크롤&nbsp;모두&nbsp;없는&nbsp;경우에&nbsp;Box와&nbsp;Content사이즈가&nbsp;같게&nbsp;설정
	//		//if&nbsp;(!bH&nbsp;&amp;&amp;&nbsp;!bV)&nbsp;{
	//			//this.setBoxSize(oBoxSize.nWidth,&nbsp;oBoxSize.nHeight);
	//		//}
		}
	},
	
	_adjustContentSize&nbsp;:&nbsp;function()&nbsp;{
		if&nbsp;(!this.isActivating())&nbsp;{
			return;
		}
		
		var&nbsp;oBoxSize&nbsp;=&nbsp;this.getBoxSize();
		var&nbsp;bV&nbsp;=&nbsp;this.option(&quot;sOverflowY&quot;)&nbsp;!=&nbsp;&quot;hidden&quot;;
		var&nbsp;bH&nbsp;=&nbsp;this.option(&quot;sOverflowX&quot;)&nbsp;!=&nbsp;&quot;hidden&quot;;	
		var&nbsp;nWidth,&nbsp;nHeight;
		//가로,&nbsp;세로스크롤&nbsp;중&nbsp;하나만&nbsp;존재하는&nbsp;경우에는&nbsp;Content사이즈를&nbsp;조절해&nbsp;줌
		//세로&nbsp;스크롤
		if&nbsp;(bV&nbsp;&amp;&amp;&nbsp;!bH)&nbsp;{
			nWidth&nbsp;=&nbsp;oBoxSize.nWidth;
		}
		//가로&nbsp;스크롤
		if&nbsp;(bH&nbsp;&amp;&amp;&nbsp;!bV)&nbsp;{
			nHeight&nbsp;=&nbsp;oBoxSize.nHeight;
		}
		
		this.setContentSize(nWidth&nbsp;||&nbsp;Infinity,&nbsp;nHeight&nbsp;||&nbsp;Infinity);
	},

	_adjustThumbSize&nbsp;:&nbsp;function()&nbsp;{
		if&nbsp;(!this.isActivating())&nbsp;{
			return;
		}
		
		if&nbsp;(!this.option(&quot;bAdjustThumbSize&quot;))&nbsp;{
			return;
		}
		
		var&nbsp;nMinThumbSize&nbsp;=&nbsp;this.option(&quot;nMinThumbSize&quot;);
		if(typeof&nbsp;nMinThumbSize&nbsp;==&nbsp;&quot;undefined&quot;){
			nMinThumbSize&nbsp;=&nbsp;50;
		}
		var&nbsp;oContentSize&nbsp;=&nbsp;this.getContentSize();
		var&nbsp;oBoxSize&nbsp;=&nbsp;this.getBoxSize();&nbsp;//현재&nbsp;그려진&nbsp;box&nbsp;사이즈
		var&nbsp;nGap;

		var&nbsp;oH&nbsp;=&nbsp;this.getScrollBarHorizontal();
		var&nbsp;oV&nbsp;=&nbsp;this.getScrollBarVertical();
		if&nbsp;(oV.elScrollBar)&nbsp;{
					
			var&nbsp;oTrackSizeV&nbsp;=&nbsp;this.getTrackSize(oV);
			var&nbsp;nThumbHeight&nbsp;=&nbsp;Math.floor(parseInt(oTrackSizeV.nHeight&nbsp;*&nbsp;oBoxSize.nHeight&nbsp;/&nbsp;oContentSize.nHeight,&nbsp;10));
			if(isNaN(nThumbHeight)){
				nThumbHeight&nbsp;=&nbsp;0;
			}
			if&nbsp;(nThumbHeight&nbsp;&lt;&nbsp;nMinThumbSize)&nbsp;{
				nThumbHeight&nbsp;=&nbsp;nMinThumbSize;
			}
			if&nbsp;(nThumbHeight&nbsp;&gt;=&nbsp;oTrackSizeV.nHeight)&nbsp;{
				nThumbHeight&nbsp;=&nbsp;oTrackSizeV.nHeight;
			}
			jindo.$Element(oV.elThumb).height(nThumbHeight);
			
			///////thumb-body&nbsp;크기&nbsp;조절
			nGap&nbsp;=&nbsp;0;
			if(oV.elThumbHead)&nbsp;{
				nGap&nbsp;+=&nbsp;jindo.$Element(oV.elThumbHead).height();
			}
			if(oV.elThumbFoot)&nbsp;{
				nGap&nbsp;+=&nbsp;jindo.$Element(oV.elThumbFoot).height();
			}
			if(oV.elThumbBody)&nbsp;{
				jindo.$Element(oV.elThumbBody).height(nThumbHeight&nbsp;-&nbsp;nGap);
			}
		}
		
		if&nbsp;(oH.elScrollBar)&nbsp;{
			var&nbsp;oTrackSizeH&nbsp;=&nbsp;this.getTrackSize(oH);
			var&nbsp;nThumbWidth&nbsp;=&nbsp;Math.floor(parseInt(oTrackSizeH.nWidth&nbsp;*&nbsp;oBoxSize.nWidth&nbsp;/&nbsp;oContentSize.nWidth,&nbsp;10));
			if(isNaN(nThumbWidth)){
				nThumbWidth&nbsp;=&nbsp;0;
			}
			if&nbsp;(nThumbWidth&nbsp;&lt;&nbsp;nMinThumbSize)&nbsp;{
				nThumbWidth&nbsp;=&nbsp;nMinThumbSize;
			}
			//max&nbsp;값과&nbsp;같은&nbsp;경우
			if&nbsp;(nThumbWidth&nbsp;&gt;=&nbsp;oTrackSizeH.nWidth)&nbsp;{
				nThumbWidth&nbsp;=&nbsp;oTrackSizeH.nWidth;
			}
			jindo.$Element(oH.elThumb).width(nThumbWidth);
			
			///////thumb-body&nbsp;크기&nbsp;조절
			nGap&nbsp;=&nbsp;0;
			if(oH.elThumbHead)&nbsp;{
				nGap&nbsp;+=&nbsp;jindo.$Element(oH.elThumbHead).width();
			}
			if(oH.elThumbFoot)&nbsp;{
				nGap&nbsp;+=&nbsp;jindo.$Element(oH.elThumbFoot).width();
			}
			if(oH.elThumbBody)&nbsp;{
				jindo.$Element(oH.elThumbBody).width(nThumbWidth&nbsp;-&nbsp;nGap);	
			}
		}
	},
	
	_autoToggleAvailability&nbsp;:&nbsp;function(){
		var&nbsp;sClassPrefix&nbsp;=&nbsp;this.option(&quot;sClassPrefix&quot;);
		var&nbsp;oContentSize&nbsp;=&nbsp;this.getContentSize();
		var&nbsp;oBoxSize&nbsp;=&nbsp;this.getBoxSize();&nbsp;//현재&nbsp;그려진&nbsp;box&nbsp;사이즈
		var&nbsp;oH&nbsp;=&nbsp;this.getScrollBarHorizontal();
		var&nbsp;oV&nbsp;=&nbsp;this.getScrollBarVertical();
		
		if&nbsp;(oH.elScrollBar)&nbsp;{
			//deactivate
			if&nbsp;(this.option(&quot;sOverflowX&quot;)&nbsp;==&nbsp;&quot;scroll&quot;&nbsp;&amp;&amp;&nbsp;oBoxSize.nWidth&nbsp;&gt;=&nbsp;oContentSize.nWidth)&nbsp;{
				jindo.$Element(oH.elScrollBar).addClass(sClassPrefix&nbsp;+&nbsp;&quot;disabled&quot;);
				this.$super._onDeactivate(&quot;horizontal&quot;);
				if&nbsp;(this.isActivating())&nbsp;{&nbsp;//활성화일경우에만&nbsp;scrollbar에서&nbsp;삽입된&nbsp;noscript&nbsp;클래스명을&nbsp;다시&nbsp;제거
					jindo.$Element(this._el).removeClass(sClassPrefix&nbsp;+&nbsp;&quot;noscript&quot;);
				}	
			}&nbsp;else&nbsp;{
				jindo.$Element(oH.elScrollBar).removeClass(sClassPrefix&nbsp;+&nbsp;&quot;disabled&quot;);
				
				if&nbsp;(this.isActivating())&nbsp;{&nbsp;//활성화일경우에만&nbsp;scrollbar도&nbsp;활성화
					this.$super._onActivate(&quot;horizontal&quot;);
				}
			}	
		}
		
		if&nbsp;(oV.elScrollBar)&nbsp;{
			if&nbsp;(this.option(&quot;sOverflowY&quot;)&nbsp;==&nbsp;&quot;scroll&quot;&nbsp;&amp;&amp;&nbsp;oBoxSize.nHeight&nbsp;&gt;=&nbsp;oContentSize.nHeight)&nbsp;{
				jindo.$Element(oV.elScrollBar).addClass(sClassPrefix&nbsp;+&nbsp;&quot;disabled&quot;);
				this.$super._onDeactivate(&quot;vertical&quot;);
				if&nbsp;(this.isActivating())&nbsp;{&nbsp;//활성화일경우에만&nbsp;scrollbar에서&nbsp;삽입된&nbsp;noscript&nbsp;클래스명을&nbsp;다시&nbsp;제거
					jindo.$Element(this._el).removeClass(sClassPrefix&nbsp;+&nbsp;&quot;noscript&quot;);
				}
			}&nbsp;else&nbsp;{
				jindo.$Element(oV.elScrollBar).removeClass(sClassPrefix&nbsp;+&nbsp;&quot;disabled&quot;);
				if&nbsp;(this.isActivating())&nbsp;{&nbsp;//활성화일경우에만&nbsp;scrollbar도&nbsp;활성화
					this.$super._onActivate(&quot;vertical&quot;);
				}
			}
		}
	}
}).extend(jindo.ScrollBar);</pre>
		</div>
	</div>
</div>

			</div>
		</div>
		<!-- // main content -->

	</div>
	<!-- // container -->

	<!-- footer -->
	<div id="footer">
		<p>Copyright ©<a href="http://nhncorp.com/" target="_blank">NHN Corp.</a> Platform Ajax Team. All Rights Reserved.</p>
	</div>
	<!-- // footer -->

</div>
<!-- // wrap -->

<style type="text/css">

	.item {
		transition:background .2s linear;
		-webkit-transition:background .2s linear;
		-moz-transition:background .2s linear;
		-o-transition:background .2s linear;
		-ms-transition:background .2s linear;
	}
	
	.highlight {
		background-color:#ffffd8 !important;
	}
	
	li.selected a.highlight {
		background-color:#aa8 !important;
	}
	
	.hide-deprecated .deprecated-item, .hide-inherited .inherited-item, .private {
		display:none;
	}
	
	.scrollbar-v, .scrollbar-h { display:none; }
	.scrollbar-show { display:block; }
	
	.api-page .tbl_fold .more_history { display:none; }
	
	/* FILE */
	.file pre.code {
		border:1px solid #ccc;
		padding:0;
	}
	
	.file ol {
		padding-left: 4em;
		background-color: #f9f9f9;
	}

	.file ol li {
		list-style: decimal;
		border-left:1px solid #ccc;
		padding:2px 4px;
	}
	
	.file li.L1, .file li.L3, .file li.L5, .file li.L7, .file li.L9 {
		background-color: #f9f9f9;	
	}

	.file li.L0, .file li.L2, .file li.L4, .file li.L6, .file li.L8 { 
		background-color: #f0f0f0;
	}
	
</style>
<script type="text/javascript" src="../assets/prettify/prettify-min.js"></script>
<script type="text/javascript" src="../assets/hash.js"></script>
<script type="text/javascript" src="../assets/api-list.js"></script>
<script type="text/javascript" src="../assets/api-search.js"></script>
<script type="text/javascript" src="../assets/../api.js?callback=APISearch.setData"></script>
<script type="text/javascript">
	var projectRoot = "../";
	var projectAssets = "../assets";
	
    apiDocs(projectAssets);	
</script>
</body>
</html>